<template>
    <div class="view-item">
        <router-link :to="{path: '/detail', query:{field: 'view'}, id: data.id}"></router-link>
        <div class="img">
            <img class="view-img" :src="data.img" :alt="data.name" />
        </div>
        <div class="info">
            <h1>{{data.name}}</h1>
            <p class="starts">
                <span class="score">{{data.score}}分</span>
            </p>
            <p class="others">
                <span class="item">
                    <span class="price">￥ {{data.default_price}}起</span>
                    <span class="item">{{data.city_name}}</span>
                </span>
            </p>
        </div>
    </div>
</template>

<script>
import Stars from 'components/ScrollWrapper/Sub/Stars'
export default {
    name: 'ViewListSub',
    components: {
        starts,
    }
}
</script>

<style lang="scss" scoped>

</style>